<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>hello-world</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1118495_47rvd4jbup6.css">
    <link href="https://cdn.bootcss.com/minireset.css/0.0.2/minireset.min.css" rel="stylesheet">

</head>
<body>
<noscript>
    <strong>We're sorry but hello-world doesn't work properly without JavaScript enabled. Please enable it to
        continue.</strong>
</noscript>
<div id="app">
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.slim.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
<script>

  function resize() {
    var docEl = document.documentElement;
    var html = document.querySelector('html');
    var clientWidth = docEl.clientWidth;
    var fontsize = 100;
    if (clientWidth >= 640) {
      fontsize = 100;
    } else {
      fontsize = clientWidth / 640 * 100;
    }
    html.style.fontSize = fontsize + 'px';
    document.querySelector('body').style.fontSize = fontsize + 'px';
  }

  resize();
  window.addEventListener('resize', resize);
</script>
<!-- built files will be auto injected -->
</body>
</html>
